d3

2024-06-19 22:56| 来源: 网络整理| 查看: 265

d3.tip：d3.js 可视化的工具提示

观看现场演示示例代码 API 文档

请参阅API 文档

下载最新版本开发版本：6kb / ~2kb gzipped 使用 NPM 安装 npm install d3-tip 快速使用 /* Initialize tooltip */tip = d3.tip().attr('class', 'd3-tip').html(function(d) { return d; }); /* Invoke the tip in the context of your visualization */vis.call(tip) vis.selectAll('rect') .data(data) .enter() .append('rect') .attr('width', function() { return x.rangeBand() }) .attr('height', function(d) { return h - y(d) }) .attr('y', function(d) { return y(d) }) .attr('x', function(d, i) { return x(i) }) .on('mouseover', tip.show) .on('mouseout', tip.hide)

如果你想要基本的样式，你可以example-styles.css使用像 rawgithub.com 这样的服务。

【本文地址】

公司简介

联系我们